@charset "UTF-8";

@media (max-width: 1860px) {
	.sub-banner {
		background-size: cover;
	}
}

@media (max-width: 1024px){

	.pc-nav{

		display: none;

	}

	.header-wrap{

		height: 3.15rem;

	}

	.header-right .item:last-child{

	    display: inline-block;

	}

	.header-right .nav-btn{

		width: .75rem;

		height: .5rem;

		display: block;

		position: relative;

	}

	.header-right .nav-btn .line{

		position: absolute;

		left: 0;

		width: 100%;

		height: 2px;

		background: #fff;

		transition: all .2s;

	    transform-origin: center;

	}

	.header-right .nav-btn .line1{

		left: 0;

		top: 0;

	}

	.header-right .nav-btn .line2{

		left: 0;

		top: 50%;

		margin-top: -1px;

	}

	.header-right .nav-btn .line3{

		left: 0;

		bottom:0;

	}

	.header-right .nav-btn.cur .line{

		top: 50%;

	    bottom: auto;

	    margin-top: -1px;

	}

	.header-right .nav-btn.cur .line1{

		transform: rotate(45deg);

	}

	.header-right .nav-btn.cur .line2{

		opacity: 0;

		filter: alpha(opacity=0);

	}

	.header-right .nav-btn.cur .line3{

		transform: rotate(-45deg);

	}

	header.cur .header-wrap{

		height: 1.4rem;

	}

	header.cur .header-right .nav-btn .line{

		background-color: #000;

		opacity: .5;

		filter: alpha(opacity=50);

	}

	header.cur .header-right .nav-btn.cur .line2{

		opacity: 0;

		filter: alpha(opacity=0);

	}



	.newsinfo-page header .header-right .nav-btn .line{

	    background-color: #000;

	    opacity: .5;

	    filter: alpha(opacity=50);

	}



	.m-nav{

		position: fixed;

		top: 1.4rem;

		width: 100%;

		z-index: 100;

		box-sizing: border-box;

		padding: 0 5%;

		background-color: rgba(255,255,255,.95);

	}

	.m-nav li{

		border-bottom: 1px solid #dcdcdc;

	}

	.m-nav li:last-child{

		border-bottom: none;

	}

	.m-nav li .tit{

		display: block;

		font-size: .28rem;

		padding: .3rem 0 .3rem .3rem;

		color: #333;

		position: relative;

	}

	.m-nav li .tit:before{

		content: "";

		position: absolute;

		right: 0;

		width: .4rem;

	    height: .4rem;

	    margin-top: -.15rem;

	    background-repeat: no-repeat;

	    background-position: center;

	    background-size: cover;

	    background-image: url('../img/m-nav-jia.png');

	    top: 50%;

	    transition: all .2s;

	}

	.m-nav li .tit.stand:before, .m-nav li:nth-child(1) .tit:before{

		display: none;

	}

	.m-nav li.on .tit:before{

		transform: rotate(45deg);

	}

	.m-nav li .navson{

		padding-bottom: .3rem;

		display: none;

	}

	.m-nav li .navson a{

		display: block;

		font-size: .4rem;

		line-height: .9rem;

		padding: 0 .5rem;

		color: #333;

	}



	.f-middle .share-box .item.cur .icon{

		background-color: #EF6817;

	}

	.f-middle .share-box .item.cur .img-box{

		opacity: 1;

		filter: alpha(opacity=100);

		visibility: visible;

	}

	.view{

		width: auto;

		padding: 0 5%;

	}

	.banner .pc-box{

		display: none;

	}

	.banner .m-box{

		display: block;

	}

	.banner .m-box img{

		width: 100%;

	}

	.banner .m-box .m-img{

		display: none;

	}

	.banner .text-box{

		top: 40%;

	}

	.index-story .pc-box{

		display: none;

	}

	.index-story .m-box{

	    display: block;

	}

	.index-story .m-tab{

		position: absolute;

		left: 0;

		top: 0;

		width: 100%;

		height: 100%;

	}

	.index-story .list .sub{

		transform: scale(1) translate(-50%,-50%);

	}

	.index-story .list .item{

		width: 20%;

		padding-top: 20%;

	}

	.index-story .list .item:nth-child(1){

		top: 30%;

		left: 42%;

	}

	.index-story .list .lg-item .circle{

		transform: scale(1);

	}

	.index-story .list .lg-item .circle .txt{

		transform: scale(1) translateY(-50%);

	}

	.index-story .list .sub-item{

		width: 20%;

	    padding-top: 20%;

	}

	.index-story .prev,

	.index-story .next{

		top: 40%;

	}



	.bg-box .pc-bg{

		display: none;

	}

	.bg-box .m-bg{

		display: block;

	}

	.factory-box1 .bg-box{

		height: auto;

	}

	.factory-box4 .img img{

		opacity: 1;

		filter: alpha(opacity=100);

	}

	.app-box{

		opacity: 1;

		filter: alpha(opacity=100);

	}

	.material-box .bg{

		height: 50vh;

	}

	.sub-banner{

		height: auto;

	}

	.sub-banner img{

		display: block;

	}

	.sub-banner .text-box .scroll-btn{

		margin-top: 1rem;

	}

	.girl-bg{

		height: 12rem;

	}

	.global-box .con{

		font-size: .6rem;

	}

	.ques-btns{

		display: none;

	}

	.ques-search{

		margin-top: .5rem;

	}

	.newsinfo-view{

		padding: 0 5%;

		width: auto;

	}

	.newsinfo-box .desc-box .share-box{

		display: none;

	}

	.rectuitinfo-box .bshare-custom{

		display: none;

	}

	.pc-canvas{

		display: none;

	}

	.develop-list .text .con{

		height: 5.25rem;

	}

	.index-story .m-box .more-box{

		display: none;

	}

	.index-story .m-box .m-txt{

		display: none;

	}

	.index-story .list .sub-item .txt{

		line-height: .6rem;

	}

	.material-box .block{

		display: block;

	}

}



@media (max-width: 992px){

	.aside-box {
		display: none;
	}

	.f-bottom{

		text-align: center;

		line-height: .5rem;

	}

	.f-bottom .left,

	.f-bottom .right{

		float: none;

	}

	.f-nav li{

		margin-right: 5.8%;

	}

	.about-bottom .bottom-con{

		width: 60%;

	}

	.factory-box4 .func-wrap .row{

		margin: 0 -.8rem;

	}

	.factory-box4 .func-item{

		padding: 0 .8rem;

	}

	.factory-box4 .con-box{

		width: auto;

	}

	.app-box .tab-btns .swiper-slide{

		padding-right: 3rem;

	}

	.app-box .tab-btns .circle:before{

	    width: 2.8rem;

	}

	.app-box .tab-btns .circle .block{

	    width: 3.4rem;

	}

	.app-tab .text .con,

	.save-box .text .con{

		width: 100%;

	}



	.life-box .list .text{

		padding: .8rem;

	}

	.care-box{

		background-position: 60% bottom;

	}

	.before-list .con-box{

		padding: .5rem;

	}

	.after-list .con-box .txt{

		height: 1.2rem;

	}

	.train-box .train-list .item{

		width: 25%;

		margin-bottom: .5rem;

	}

	.about-top .right{

		width: 33%;

	}

	.about-list .text .con{

		height: 4.5rem;

	}

	.about-story-box .story-tab .text{

		padding: 1rem;

	}

	.develop-list .year{

		display: none;

		font-size: 1rem;

		line-height: 1rem;

	}

	.research-con br{

		display: none;

	}

	.achievement-box .num-box .item{

		margin: 0 2rem;

	}

	.contact-box .row{

		margin: 0 -1rem;

	}

	.contact-box .item{

		padding: 0 1rem;

	}



	.recruit-box .list .require span{

		margin-right: 6%;

	}

	.recruit-box .list .require span:last-child{

		width: 100%;

	}

	.form-box .check-box{

		width: 30%;

	}

	.dec-tab .dec-con{

		width: 80%;

	}

	.index-about-box .con{

		width: 50%;

	}

}



@media (max-width: 767px){

	.view{

		padding: 0 .4rem;

	}


	header .logo{

		width: 3.5rem;

		margin-top: .15rem;

	}



	.header-wrap{

		height: 1.28rem;

	}

	.header-right{

		margin-left: 0;

		margin-top: .5rem;

	}

	.header-right .item{

		margin-left: .5rem;

	}

	.header-right .icon{

		width: .2rem;

		height: .2rem;

	}

	.header-right .nav-btn{

		width: .3rem;

		height: .2rem;

	}

	header.cur .logo{

		width: 3.5rem;

		margin-top: .35rem;

	}

	header.cur .header-wrap{

		height: 1rem;

	}

	header.cur .header-right{

		margin-left: 0;

		margin-top: .4rem;

	}

.product-tit-he{

    text-align: center;

    font-size: .36rem;

    line-height:1.5rem;

    color: #333;

}

	.production-nav .swiper-slide { width: 25%; }

	.m-nav{

		padding: 0 .4rem;

		/*top: calc(1rem + 2px);*/

	}

	.m-nav li .tit{

		padding: .15rem 0 .15rem .3rem;

	}

	.m-nav li .navson a{

		font-size: .24rem;

		line-height: .4rem;

		line-height: .6rem;

	}

	.m-nav li .tit:before{

		width: .3rem;

		height: .3rem;

	}

	.pub-close{

		width: .24rem;

		height: .24rem;

		top: .9rem;

	}

	.search-top{

		padding: 1rem 0 .5rem;

		position: relative;

	}

	.search-top .search{

		float: none;

		width: 100%;

	}

	.search-top .search input[type=text]{

		width: 70%;

		padding: 0 .5rem;

		height: .6rem;

		line-height: .6rem;

		font-size: .3rem;

		background-size: .3rem;

	}

	.search-top .search input[type=submit]{

		font-size: .3rem;

		width: 2rem;

		height: .6rem;

	}

	.search-top .search-close{

		position: absolute;

		right: .4rem;

		top: .3rem;

		width: .4rem;

		height: .4rem;

		background-repeat: no-repeat;

		background-position: center;

		background-size: cover;

	}

	.search-box .enter-box h3{

		font-size: .3rem;

		line-height: .8rem;

	}

	.search-box .enter-box .list .item a{

		line-height: .8rem;

		font-size: .3rem;

	}

	/* header end */

	footer .view{

		padding: 0;

	}

	.f-top{

		padding: .4rem;

	}

	.f-top .f-logo{

		width: 3rem;

	}

	.f-top .text .tit{

		font-size: .24rem;

		line-height: .4rem;

	}

	.f-top .text .tel{

		font-size: .3rem;

		line-height: .4rem;

		margin: .1rem 0;

	}

	.f-middle{

		padding: 0;

	}

	.f-nav li{

		margin-right: 0;

		display: block;

		padding: 0 .4rem;

		border-bottom: 1px solid rgba(255,255,255,.1);

	}

	.f-nav li .tit{

		display: block;

		height: .8rem;

		line-height: .8rem;

		font-size: .24rem;

		position: relative;

	}

	.f-nav li .tit:before{

		content: "";

		position: absolute;

		right: 0;

		top: 50%;

		width: .16rem;

		height: .16rem;

		background-repeat: no-repeat;

		background-position: center;

		background-size: 100%;

		margin-top: -.08rem;

		background-image: url('../img/f-jia.png');

	}

	.f-nav li .tit.stand:before{

		display: none;

	}

	.f-nav li .navson{

		display: none;

		margin: 0;

		border-top: 1px solid rgba(255,255,255,.1);

	}

	.f-nav li .navson a{

		display: block;

		height: .8rem;

		line-height: .8rem;

		font-size: .24rem;

		border-bottom: 1px solid rgba(255,255,255,.1);

		position: relative;

		margin: 0;

	}

	.f-nav li .navson a:before{

		content: "";

		position: absolute;

		right: 0;

		top: 50%;

		width: .09rem;

		height: .14rem;

		background-repeat: no-repeat;

		background-position: center;

		background-image: url('../img/f-arrow.png');

		background-size: 100%;

	}

	.f-nav li .navson a:last-child{

		border-bottom: none;

	}



	.f-nav li.on .tit:before{

		background-image: url('../img/f-jian.png');

	}

	.f-middle .share-box{

		margin: 0;

		padding: .4rem;

	}

	.f-middle .share-box .item{

		margin-right: .2rem;

		position: relative;

	}

	.f-middle .share-box .icon{

		width: .8rem;

		height: .8rem;

	}

	.f-middle .share-box .img-box{

		top: .6rem;

		right: auto;

		left: 0;

	}

	.f-middle .share-box .img{

		width: 1.8rem;

	}

	.f-middle .share-box .img:before{

		right: auto;

		left: .35rem;

	}

	.f-bottom{

		padding: .3rem .4rem;

		line-height: .3rem;

	}

	.f-bottom .left .txt,

	.f-bottom .left .build{

		display: inline;

		margin: 0;

		font-size: .24rem;

		line-height: .4rem;

	}

	.f-bottom .left .build a{

		font-size: .24rem;

		line-height: .4rem;

	}

	.f-bottom .right a,

	.f-bottom .right span{

		font-size: .24rem;

		line-height: .4rem;

	}

	.aside-box a{

		width: .8rem;

		height: .8rem;

		margin-bottom: .1rem;

	}

	/* footer end */

	.banner .btns{

		bottom: .8rem;

	}

	.banner .m-box .pc-img{

		display: none;

	}

	.banner .m-box .m-img{

		display: block;

	}

	.banner .text-box{

		top: 37.39%;

	}

	.banner .text-box .tit{

		font-size: .5rem;

		line-height: .6rem;

	}

	.banner .text-box .sub-tit{

		font-size: .22rem;

		line-height: .4rem;

		margin-top: .3rem;

	}

	.ban-bottom-box{

		bottom: -.4rem;

	}

	.ban-bottom{

		padding: 0 .2rem;

		height: 1rem;

	}

	.ban-bottom .buttons{

		margin-top: .34rem;

	}

	.ban-bottom .buttons a{

		width: .2rem;

		height: .12rem;

		margin-right: .24rem;

	}

	.ban-bottom .buttons .prev{

		background-image: url('../img/ban-prev2.png');

	}

	.ban-bottom .buttons .next{

		background-image: url('../img/ban-next2.png');

	}

	.ban-bottom .tel{

		margin-top: .3rem;

		font-size: .24rem;

		line-height: .4rem;

		background-size: .2rem;

		padding-left: .3rem;

	}

	.index-product-box{

		padding: .6rem 0 .4rem;

	}

	.index-product .left,

	.index-product .right{

		width: 100%;

		padding: .3rem;

		height: 5.6rem;

		float: none;

	}

	.index-product .right{

		position: static;

		width: 100%;

		margin-top: .1rem;

	}

	.index-product .tit-box .en{

		font-size: .2rem;

		line-height: .3rem;

	}

	.index-product .tit-box .cn{

		font-size: .28rem;

		line-height: .4rem;

		margin-top: .1rem;

	}

	.index-product .tab-btns{

		margin-top: .3rem;

	}

	.index-product .tab-btns a{

		font-size: .24rem;

		line-height: .5rem;

		height: .5rem;

		padding: 0 .2rem;

		margin-right: .15rem;

	}

	.index-product .tab-btns a:last-child{

		margin-right: 0;

	}

	.index-product .img-tab{

		margin-top: .12rem;

	}

	.index-product .img-tab .text{

		font-size: .2rem;

		line-height: .3rem;

	}

	.index-product .img-tab .img{

		width: 100%;

		margin-top: .25rem;

	}

	.index-product .detail{

		bottom: .3rem;

		left: .3rem;

		font-size: .2rem;

		padding-right: .3rem;

		background-size: .24rem;

	}

	.index-product .right .img{

		margin-top: -2.5rem;

	}

	.index-story-box{

		padding: .7rem 0 .8rem;

	}

	.index-tit .tit{

		font-size: .36rem;

		line-height: .4rem;

	}

	.index-tit .desc{

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .1rem;

	}

	.index-tit-box .index-more{

		display: none;

	}

	.index-story-box .index-story{

		margin-top: .9rem;

	}

	.index-story-box .index-story img{

		position: absolute;

		left: 0;

		top: 0;

		width: 180%;

	    transform: translateX(-20%);

	}

	.index-story .list .item{

		width: 30%;

		padding-top: 30%;

	}

	.index-story .list .lg-item .circle .txt{

		font-size: .3rem;

		line-height: .4rem;

	}

	.index-story .list .item:nth-child(1){

		left: 35%;

	}

	.index-story .list .sub-item{

		width: 25%;

		padding-top: 25%;

	}

	.index-story .list .sub-item .txt{

		font-size: .24rem;

		line-height: .4rem;

		padding: 0 .1rem;

		box-sizing: border-box;

	}

	.index-story .list .sub-item:nth-child(1){

		top: -4%;

	}

	.index-story .list .sub-item:nth-child(2) {

	    left: -12%;

	    top: 38%;

	}

	.index-story .list .sub-item:nth-child(3){

		bottom: -4%;

	}

	.index-story .list .sub-item:nth-child(4){

		top: -4%;

	}

	.index-story .list .sub-item:nth-child(5){

		right: -12%;

		top: 38%;

	}

	.index-story .list .sub-item:nth-child(6){

		bottom: -4%;

	}

	.index-story .buttons{

		font-size: 0;

		text-align: center;

		margin-top: 0;

	}

	.index-story .prev,

	.index-story .next{

		position: static;

		display: inline-block;

		*display: inline;

		zoom: 1;

		width: .3rem;

		height: .22rem;

		margin: 0 .3rem;

	}



	.index-story .m-tab{

		position: relative;

		height: 8rem;

	}

	.index-story .m-box .more-box{

		margin-top: .8rem;

		text-align: center;

	}

	.index-more{

		padding: 0 .4rem;

	}

	.index-more span{

		font-size: .28rem;

		line-height: .7rem;

		height: .7rem;

		background-size: .2rem;

	}

	.index-story .m-box .index-more{

		display: inline-block;

		margin: 0 auto;

	}

	.index-about-box{

		padding: .7rem 0 5rem;

	}

	.index-about-box .about-tit{

		font-size: .5rem;

		line-height: .6rem;

	}

	.index-about-box .con{

		width: 100%;

		font-size: .22rem;

		line-height: .4rem;

	}

	.index-about-box .know-box{

		margin-top: .9rem;

	}

	.index-about-box .know-btn{

		padding: 0 .3rem;

		height: .7rem;

	}

	.index-about-box .know-btn span{

		line-height: .7rem;

		height: .7rem;

		font-size: .28rem;

		padding-right: .4rem;

	}

	.index-about-box .know-btn span:before{

		background-size: .2rem;

	}

	.index-about-box .num-box{

		margin-top: 1.5rem;

	}

	.index-about-box .num-box .item{

		padding-right: .3rem;

		margin-right: .3rem;

	}

	.index-about-box .num-box .item:last-child{

		margin-right: 0;

		padding-right: 0;

	}

	.index-about-box .num-box .icon{

		width: .6rem;

	}

	.index-about-box .num-wrap{

		margin-top:

	}

	.index-about-box .num{

		font-size: .44rem;

		line-height: .44rem;

	}

	.index-about-box .year{

		font-size: .24rem;

		height: .4rem;

		width: .4rem;

		line-height: .4rem;

		margin-left: .05rem;

	}

	.index-about-box .unit{

		font-size: .24rem;

		line-height: .4rem;

		margin-left: .05rem;

	}

	.index-about-box .txt{

		font-size: .2rem;

		line-height: .3rem;

		width: 1.8rem;

	}

	.index-about-box .num-box .item:before{

		height: 1.05rem;

		bottom: auto;

		top: .8rem;

	}

	.about-bottom{

		padding: .3rem 0 .4rem;

	}

	.about-bottom .tit{

		font-size: .3rem;

		line-height: .4rem;

	}

	.about-bottom .bottom-con{

		font-size: .24rem;

		line-height: .4rem;

		width: 100%;

	}

	.about-bottom .img{

		width: 79%;

	}

	.about-bottom .explore-btn{

		padding-right: .3rem;

		font-size: .24rem;

		background-size: .2rem;

	}

	.index-news-box{

		padding: .8rem 0 .4rem;

	}

	.index-news{

		margin-top: .3rem;

	}

	.index-news .row{

		margin: 0;

	}

	.index-news .item{

		padding: 0;

	}

	.index-news .top-box .item.col-sm-4{

		float: none;

	}

	.index-news .item.col-sm-8{

		position: relative;

		width: 100%;

		height: 4rem;

		margin-bottom: .4rem;

	}

	.index-news .left-con-box .text{

		padding:  0 .2rem;

	}

	.index-news .left-con-box .tit{

		font-size: .3rem;

		line-height: .4rem;

	}

	.index-news .left-con-box .con{

		font-size: .24rem;

		line-height: .4rem;

		height: .8rem;

		overflow: hidden;

		margin-top: .1rem;

	}

	.index-news .con-box .text{

		padding: .4rem;

	}

	.index-news .con-box .time{

		font-size: .24rem;

		line-height: .4rem;

	}

	.index-news .con-box .tit{

		font-size: .3rem;

		line-height: .4rem;

		color: #EF6817;

		margin-top: .12rem;

	}

	.index-news .con-box .con{

		font-size: .24rem;

		line-height: .3rem;

		height: .6rem;

		margin-top: .12rem;

	}

	.index-news .con-box .index-more{

		margin-top: .3rem;

	}

	.index-news .bottom-box{

		margin-top: .4rem;

	}

	.index-news .item{

		margin-bottom: .4rem;

	}

	.index-news .item:last-child{

		margin-bottom: 0;

	}

	.index-news .con-box .index-more{

		background-color: #EF6817;

		border-color: #EF6817;

	}

	.index-news .con-box .index-more span{

		color: #fff;

		background-image: url('../img/index-about-arrow2.png')

	}



	.m-index-more{

		display: block;

		width: 100%;

		height: .8rem;

		line-height: .8rem;

		background-color: #EF6817;

		color: #fff;

		font-size: .3rem;

		border-radius: .4rem;

		text-align: center;

		margin-top: .4rem;

	}

	.purpose-box{

		padding: .7rem 0;

	}

	.purpose-box .tit{

		font-size: .3rem;

		line-height: .4rem;

	}

	.purpose-box .purpose .con{

		font-size: .24rem;

		line-height: .4rem;

		float: none;

	}

	.purpose-box .purpose .con br{

		display: none;

	}

	.purpose-box .purpose-btn{

		float: none;

		width: .16rem;

		height: .26rem;

		display: block;

		margin-top: .28rem;

	}

	.factory-box1 .text-box{

		position: static;

		transform: translateY(0);

		padding: .5rem 0;

	}

	.factory-box1 .factory-tit{

		font-size: .5rem;

		line-height: .6rem;

		color: #333;

	}

	.factory-con{

		font-size: .24rem;

		line-height: .4rem;

		color: #666;

		margin-top: .3rem;

	}

	.factory-box2 .text-box{

		padding: .5rem 0;

	}

	.factory-tit{

		font-size: .36rem;

		line-height: .4rem;

	}

	.factory-box2 .factory-con{

		margin-top: .3rem;

		font-size: .24rem;

		line-height: .4rem;

	}

	.factory-box3{

		padding: .5rem 0;

	}

	.factory-box3 .img-wrap{

		width: 100%;

		margin-top: .1rem;

	}

	.factory-box3 .tab-btns{

		margin-top: .3rem;

	}

	.factory-box3 .tab-btns .icon{

		width: .56rem;

	}

	.factory-box3 .tab-btns .txt{

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .24rem;

	}

	.factory-box3 .tab-btns .swiper-slide{

		padding-top: .1rem;

	}

	.factory-box3 .tab-btns .swiper-slide.cur .con-box .icon{

		top: -.1rem;

	}

	.factory-box4 .func-box{

		padding: .5rem 0;

	}

	.factory-box4 .func-wrap{

		margin-top: .5rem;

	}

	.factory-box4 .con-box{

		padding-left: .64rem;

		background-size: .44rem;

	}

	.factory-box4 .func-wrap .row{

		margin: 0 -.4rem;

	}

	.factory-box4 .func-item{

		padding: 0 .4rem;

		margin-bottom: .4rem;

	}

	.factory-box4 .func-item:before{

		height: .48rem;

	}

	.factory-box4 .func-item .txt{

		margin-left: 0;

		font-size: .24rem;

		line-height: .4rem;

	}

	.adv-box{

		padding: .5rem 0;

	}

	.factory-con,

	.factory-box2 .factory-con,

	.adv-box .factory-con{

		width: 100%;

	}

	.adv-box .factory-con{

		line-height: .4rem;

	}

	.adv-tab{

		margin-top: .5rem;

	}

	.adv-tab .con-box{

		padding: .4rem;

	}

	.adv-tab .icon{

		width: .5rem;

	}

	.adv-tab .tit{

		font-size: .3rem;

		line-height: .4rem;

		margin-top: .3rem;

	}

	.adv-tab .adv-con{

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .2rem;

		height: 1.6rem;

	}

	.adv-tab .btns{

		margin-top: .4rem;

	}

	.safety-box{

		padding: 2.5rem 0 5.95rem;

	}

	.material-tit .cn{

		font-size: .45rem;

		line-height: .6rem;

	}

	.material-tit .en{

		font-size: .36rem;

		line-height: .4rem;

	}

	.safety-box .safe-more{

		margin-top: .7rem;

		height: .8rem;

		width: 2.5rem;

		border-radius: .4rem;

		font-size: 0;

	}

	.safety-box .safe-more span{

		line-height: .8rem;

		height: .8rem;

		font-size: .24rem;

		padding-left: .3rem;

	}

	.vb-box .img{

		width: 29%;

		margin: 0 2%;

	}

	.material-box .bg{

		height: 100vh;

	}

	.app-box .material-tit{

		top: calc(12.96% + 1.12rem);

	}

	.app-tab .text{

		top: calc(22.22% + 1.12rem);

	}

	.app-tab .text .tit{

		font-size: .3rem;

		line-height: .4rem;

	}

	.app-tab .text .con{

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .1rem;

	}

	.app-box .tab-btns{

		padding: 0 .6rem;

	}

	.app-box .tab-btns .icon{

		width: .45rem;

	}

	.app-box .tab-btns .txt{

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .1rem;

	}

	.app-box .tab-btns .swiper-wrapper{

		justify-content: flex-start;

	}

	.app-box .tab-btns .swiper-slide{

		padding-right: 2rem;

	}

	.app-box .tab-btns .text{

		padding-bottom: .5rem;

	}

	.app-box .tab-btns .circle{

		width: .4rem;

		height: .4rem;

	}

	.app-box .tab-btns .circle:after{

		width: .2rem;

		height: .2rem;

		margin-top: -.1rem;

		margin-left: -.1rem;

	}

	.app-box .tab-btns .circle:before{

		left: .43rem;

		width: 1.8rem;

	}

	.app-box .tab-btns .circle .block{

	    width: 2.2rem;

	}

	.app-tab .app-prev,

	.app-tab .app-next{

		width: .48rem;

		height: .28rem;

	}

	.material-box .save-box .bg{

		height: 60vh;

	}

	.save-box .text .con{

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .2rem;

	}

	.save-box .text .con span{

		font-size: .4rem;

	}

	.save-btns-box{

		display: none;

	}

	.save-tab .prev,

	.save-tab .next{

	    position: absolute;

	    top: 50%;

	    width: .48rem;

	    height: .28rem;

	    background-repeat: no-repeat;

	    background-position: center;

	    background-size: 100%;

	    z-index: 3;

	    transform: translateY(-50%);

	}

	.save-tab .prev{

	    left: 5.2%;

	    background-image: url('../img/app-prev.png');

	}

	.save-tab .next{

	    right: 5.2%;

	    background-image: url('../img/app-next.png');

	}

	.sub-banner { margin-top: 1.28rem; }

	.sub-banner img{

		width: 150%;

		transform: translateX(-20%);

	}

	.sub-banner .text-box {
		top: 25%;
	}

	.sub-banner .text-box .cn{

		font-size: .5rem;

		line-height: .6rem;

	}

	.sub-banner .text-box .en{

		font-size: .3rem;

		line-height: .4rem;

		margin-top: .1rem;

	}

	.sub-banner .text-box .scroll-btn{

		margin-top: .2rem;

		width: 13px;

	    height: 20px;

	}

	.sub-banner .text-box .scroll-btn:before{

		top: 5px;

		width: 2px;

		height: 2px;

		margin-left: -1px;

	}

	.sub-nav-box{

		margin-top: 0.5rem;

	}

	.sub-nav .swiper-slide a{

		line-height: .8rem;

		height: .8rem;

		font-size: .24rem;

	}

	.keep-box{

		padding: .5rem 0;

	}

	.keep-box .tit-box{

		padding-bottom: .3rem;

	}

	.keep-box .tit-box .tit{

		font-size: .56rem;

		line-height: .6rem;

	}

	.keep-box .tit-box .desc{

		font-size: .24rem;

		line-height: .4rem;

	}

	.keep-box .con{

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .3rem;

	}

	.girl-bg{

		height: 4rem;

	}

	.life-box{

		padding: .5rem 0;

	}

	.life-tit .tit{

		font-size: .36rem;

		line-height: .4rem;

	}

	.life-tit .line{

		width: .36rem;

		margin-top: .36rem;

		height: 2px;

	}

	.life-box .list{

		margin-top: .5rem;

	}

	.life-box .list .row{

		margin: 0;

	}

	.life-box .list .item{

		padding: 0;

		margin-bottom: .5rem;

	}

	.life-box .list .item:last-child{

		margin-bottom: 0;

	}

	.life-box .list .text{

		padding: .5rem;

	}

	.life-box .list .tit{

		font-size: .3rem;

		line-height: .4rem;

	}

	.life-box .list .con{

		height: auto;

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .25rem;

	}

	.care-box{

		background-color: #f0f5f8;

		background-size: 300%;

		background-position: 80% bottom;

	}

	.care-box .text-box{

		width: 100%;

		margin: 0;

		padding: 1.5rem 0 7.5rem;

	}

	.care-box .text-box .txt{

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .3rem;

	}

	.care-list .item{

		padding: .5rem 0;

	}

	.care-list .item .icon{

		width: .45rem;

	}

	.care-list .item .tit{

		font-size: .3rem;

		line-height: .4rem;

		margin-top: .3rem;

	}

	.care-list .item .con{

		font-size: .24rem;

		line-height: .4rem;

	}

	.care-contact{

		height: 3.3rem;

	}

	.care-contact .care-btn{

		width: 2.5rem;

		height: .8rem;

		line-height: .8rem;

		font-size: .3rem;

	}

	.global-box{

		padding: .5rem 0;

	}

	.global-tit{

		font-size: .5rem;

		line-height: .6rem;

		padding-bottom: .2rem;

		margin-bottom: .5rem;

	}

	.global-box .con{

		font-size: .24rem;

		line-height: .4rem;

	}

	.vision-box{

		padding: 1.6rem 0 2.3rem;

	}

	.vision-box .row{

		margin: 0;

	}

	.vision-box .item{

		padding: 0;

		margin-bottom: .5rem;

	}

	.vision-box .item:last-child{

		margin-bottom: 0;

	}

	.vision-box .item .icon{

		width: .9rem;

	}

	.vision-box .item .tit{

		font-size: .3rem;

		line-height: .4rem;

		margin-top: .3rem;

	}

	.vision-box .item .con{

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .2rem;

	}

	.declaration-box{

		padding: .5rem 0;

	}

	.dec-tit{

		font-size: .36rem;

		line-height: .4rem;

	}

	.dec-con{

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .2rem;

	}

	.dec-tab{

		margin-top: .5rem;

	}

	.dec-tab .icon{

		width: .8rem;

	}

	.dec-tab .txt{

		font-size: .3rem;

		line-height: .4rem;

		margin-top: .2rem;

	}

	.dec-tab .dec-con{

		margin-top: .3rem;

		width: 100%;

	}

	.dec-tab .buttons{

		font-size: 0;

		text-align: center;

		margin-top: .3rem;

	}

	.dec-tab .prev,

	.dec-tab .next{

		position: static;

		display: inline-block;

		*display: inline;

		zoom: 1;

		width: .7rem;

		height: .7rem;

		background-size: .1rem;

		margin: 0 .2rem;

		transform: translateY(0);

	}

	.dec-btns{

		width: 6.7rem;

		margin-top: .6rem;

	}

	.dec-btns .swiper-slide{

		font-size: .3rem;

		line-height: .4rem;

		padding-bottom: .2rem;

		margin-right: .3rem;

	}

	.custom-box{

		padding-top: .9rem;

	}

	.custom-box .dec-tit{

		font-size: .3rem;

	}

	.custom-box .img{

		margin-top: .6rem;

	}

	.before-box{

		padding: .5rem 0;

	}

	.service-tit .tit{

		font-size: .36rem;

		line-height: .4rem;

	}

	.service-tit .desc{

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .2rem;

	}

	.before-list{

		margin-top: .4rem;

	}

	.before-list .row{

		margin: 0;

	}

	.before-list .item{

		float: none;

		width: 100%;

		padding: 0;

		margin-bottom: .3rem;

	}

	.before-list .item:last-child{

		margin-bottom: 0;

	}

	.before-list .con-box{

		padding: .3rem;

		border-width: 4px;

	}

	.before-list .con-box .icon{

		width: .5rem;

	}

	.before-list .con-box .con{

		height: auto;

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .3rem;

	}

	.after-box{

		padding: .5rem 0;

	}

	.after-list{

		margin-top: .4rem;

	}

	.after-list .row{

		margin: 0;

	}

	.after-list .item{

		margin-bottom: .3rem;

		padding: 0;

	}

	.after-list .item:last-child{

		margin-bottom: 0;

	}

	.after-list .con-box{

		padding: .3rem;

		border-width: 4px;

	}

	.after-list .con-box .icon{

		width: .5rem;

	}

	.after-list .con-box .txt{

		font-size: .3rem;

		line-height: .4rem;

		height: auto;

		margin-top: .3rem;

	}

	.train-box{

		padding: .5rem 0;

	}

	.train-box .train-tit{

		font-size: .3rem;

		line-height: .4rem;

	}

	.train-box .train-list{

		margin-top: .4rem;

	}

	.train-box .train-list .row{

		margin: 0;

	}

	.train-box .train-list .item{

		width: 100%;

		margin-bottom: .2rem;

		padding: 0;

	}

	.train-box .train-list .con-box{

		padding: .3rem;

		height: 1.7rem;

	}

	.train-box .train-list .txt{

		font-size: .3rem;

		line-height: .4rem;

	}

	.train-box .train-list .num{

		font-size: .64rem;

		line-height: .64rem;

		right: -.05rem;

	}

	.ask-box{

		padding: .5rem 0;

	}

	.service-tit .desc a{

		font-size: .24rem;

		line-height: .4rem;

	}

	.ask-box .form-box{

		margin-top: .3rem;

	}

	.form-box .row{

		margin: 0;

	}

	.form-box .item{

		padding: 0;

		margin-bottom: .3rem;

	}

	.form-box .tit{

		font-size: .24rem;

		line-height: .4rem;

		margin-bottom: .2rem;

	}

	.form-box input[type=text],

	.form-box textarea{

		height: .3rem;

		line-height: .3rem;

		padding: .2rem .64rem;

		width: calc(100% - 1.28rem);

		font-size: .24rem;

		background-size: .3rem;

		background-position: .2rem center;

	}

	.form-box .content{

		height: 3rem;

		background-position: .2rem .18rem;

	}

	.form-box .check-box{

		width: 100%;

		float: none;

	}

	.form-box .check-box input[type=text]{

		float: left;

		padding: .2rem .3rem;

		width: calc(70% - .6rem);

	}

	.form-box .check-box img{

		float: right;

		width: calc(30% - 1px);

		height: .7rem;

	}

	.form-box input[type=submit]{

		float: none;

		display: block;

		margin: .5rem auto 0;

		width: 2.5rem;

		height: .8rem;

		font-size: .3rem;

	}

	.ques-search{

		margin-top: .3rem;

		padding: .3rem;

	}

	.ques-search input[type=text]{

		height: .3rem;

		line-height: .3rem;

		font-size: .24rem;

	}

	.ques-search input[type=submit]{

		margin: 0;

		width: .3rem;

		height: .3rem;

	}

	.ques-box{

		padding: .5rem 0;

	}

	.ques-list .tit-box{

		padding: .3rem;

	}

	.ques-list .tit-box .txt{

		font-size: .3rem;

		line-height: .4rem;

		background-size: .3rem;

		padding-left: .55rem;

		width: 70%;

	}

	.ques-list .tit-box .arrow{

		width: .3rem;

	}

	.ques-list .sub{

		padding: .3rem;

	}

	.ques-list .sub .con{

		font-size: .24rem;

		line-height: .4rem;

	}

	.ques-list .sub .index-more{

		margin-top: .3rem;

	}

	.ques-box .page-box{

		margin-top: .3rem;

	}

	.page-box{

		padding: .3rem 0;

	}

	.page a{

		font-size: .24rem;

		height: .6rem;

		width: .6rem;

		line-height: .6rem;

		margin: 0 .15rem;

	}

	.page-box .prev,

	.page-box .next{

		display: none;

	}

	.about-box{

		padding: .5rem 0;

	}

	.about-top .left,

	.about-top .right{

		float: none;

		width: 100%;

	}

	.about-tit{

		font-size: .36rem;

		line-height: .4rem;

	}

	.about-top .item{

		padding-bottom: 0;

		margin-bottom: 0;

		border: none;

		display: inline-block;

		*display: inline;

		zoom: 1;

		vertical-align: top;

		margin-right:.4rem;

	}

	.about-top .item:last-child{

		margin-right: 0;

	}

	.about-top .left .line{

		width: .36rem;

		height: 2px;

		margin-top: .4rem;

	}

	.about-top .left .con{

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .4rem;

	}

	.about-top .right{

		margin-top: .3rem;

		font-size: 0;

	}

	.about-top .num-box .num{

		font-size: .5rem;

		line-height: .6rem;

	}

	.about-top .num-top .year{

		font-size: .24rem;

		width: .4rem;

		height: .4rem;

		line-height: .4rem;

	}

	.about-top .txt{

		font-size: .24rem;

		line-height: .4rem;

		max-width: 2rem;

	}

	.about-top .num-top .unit{

		font-size: .3rem;

		line-height: .4rem;

		margin-left: .1rem;

	}

	.about-top .icon{

		width: .76rem;

		float: none;

	}

	.about-top .num-box{

		float: none;

	}

	.about-list{

		margin-top: .5rem;

	}

	.about-list .row{

		margin: 0;

	}

	.about-list .item{

		padding: 0;

		margin-bottom: .3rem;

	}

	.about-list .item:last-child{

		margin-bottom: 0;

	}

	.about-list .text{

		margin-top: .3rem;

	}

	.about-list .text .tit{

		font-size: .3rem;

		line-height: .4rem;

	}

	.about-list .text .con{

		height: auto;

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .2rem;

	}

	.about-list .text .detail{

		font-size: .24rem;

		line-height: .4rem;

		padding-left: .3rem;

		margin-top: .2rem;

	}

	.about-event-box{

		padding: .5rem 0;

	}

	.about-event .time-bg{

		font-size: 3rem;

	}

	.about-event .img{

		float: none;

		width: 100%;

	}

	.about-event .text{

		float: none;

		width: 100%;

		padding: .4rem 0;

	}

	.about-event .text .con{

		font-size: .24rem;

		line-height: .4rem;

	}

	.about-event .text .year{

		font-size: .24rem;

		line-height: .4rem;

	}

	.about-event .text .year span{

		font-size: .36rem;

		line-height: .4rem;

	}

	.about-event .text .con{

		height: auto;

	}

	.about-event .buttons{

		text-align: center;

		position: relative;

		z-index: 3;

	}

	.about-event .prev,

	.about-event .next{

		position: static;

		display: inline-block;

		*display: inline;

		zoom: 1;

		transform: rotate(-90deg);

		margin: 0 .5rem;

	}

	.about-year{

		margin-top: .5rem;

	}

	.about-year{

		padding: 0 45px;

	}

	.about-year .swiper-slide{

		margin-right: 90px;

	}

	.about-year .swiper-slide .time{

		font-size: .24rem;

		line-height: .4rem;

	}

	.about-purpose-box{

		height: 7rem;

	}

	.about-purpose-box .text-box .con{

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .2rem;

	}

	.about-story-box{

		padding-top: .5rem;

	}

	.about-story-box .desc-box .story-more{

		font-size: .24rem;

		line-height: .4rem;

		padding-left: .3rem;

	}

	.about-story-box .desc-box .desc{

		font-size: .24rem;

		line-height: .4rem;

	}

	.about-story-box .story-tab{

		margin-top: .4rem;

	}

	.about-story-box .story-tab .img{

		float: none;

		width: 100%;

	}

	.about-story-box .story-tab .text{

		position: static;

		padding: .4rem;

		width: 100%;

	}

	.about-story-box .story-tab .tit{

		font-size: .3rem;

		line-height: .4rem;

	}

	.about-story-box .story-tab .con{

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .3rem;

		height: auto;

	}

	.about-story-box .story-tab .look{

		font-size: .24rem;

		padding-left: .3rem;

	}

	.about-story-box .story-tab .dynamic-btns{

		margin-top: .4rem;

	}

	.about-video .play-img{

		width: .64rem;

	}

	.about-video .txt{

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .2rem;

	}

	.honor-box{

		padding: .5rem 0;

	}

	.develop-tit .desc{

		font-size: .3rem;

		line-height: .4rem;

	}

	.develop-tit .line{

		width: .36rem;

		height: 2px;

		margin-top: .36rem;

	}

	.honor-tab1 .swiper-slide{

		width: 100%;

		margin-right: .5rem;

	}

	.honor-tab,

	.honor-box2 .honor-tab2{

		width: 70%;

	}

	.honor-tab1{

		margin-top: .5rem;

	}

	.honor-prev,

	.honor-next{

		width: .7rem;

		height: .7rem;

		background-size: .13rem;

		transform: translateY(calc(-50% - .35rem));

	}

	.honor-tab-box .txt{

		font-size: .3rem;

		line-height: .4rem;

		margin-top: .3rem;

	}

	.honor-box2{

		padding: .5rem 0;

	}

	.honor-box2 .swiper-slide{

		width: 100%;

		margin-right: .5rem;

	}

	.develop-box{

		padding: .5rem 0;

	}

	.develop-list{

		margin-top: .5rem;

		padding-bottom: .5rem;

	}

	.develop-list li{

		margin-bottom: .5rem;

	}

	.develop-list li:last-child{

		margin-bottom: 0;

	}

	.develop-list .develop-line{

		display: none;

	}

	.develop-list:before{

		display: none;

	}

	.develop-list .img,

	.develop-list li:nth-child(2n) .img{

		float: none;

		width: 100%;

		margin: 0;

	}

	.develop-list .img:before{

		left: -.1rem;

		top: .1rem;

		display: none;

	}

	.develop-list .text{

		position: static;

		width: 100%;

		padding-left: 0;

		margin-top: .5rem;

	}

	.develop-list .text-item{

		margin-bottom: .3rem;

	}

	.develop-list .text-item:last-child{

		margin-bottom: 0;

	}

	.develop-list .text-item:before{

		left: -.5rem;

		width: .1rem;

		height: .4rem;

		display: none;

	}



	.develop-list .text .time{

		font-size: .3rem;

		line-height: .4rem;

	}

	.develop-list .text .con{

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .2rem;

		height: auto;

	}

	.develop-list li:nth-child(2n) .text{

		padding-right: 0;

		text-align: left;

	}

	.develop-box .load-btn{

		width: 2.2rem;

		height: .7rem;

		line-height: .7rem;

		font-size: .3rem;

		border-radius: .35rem;

	}

	.company-box{

		padding: .5rem 0;

	}

	.research-con{

		font-size: .24rem;

		line-height: .4rem;

	}

	.company-box .research-con{

		margin-top: .2rem;

	}

	.company-box .img{

		width: 100%;

		margin-top: .6rem;

	}

	.patent-box{

		padding-top: .9rem;

		height: 9.5rem;

	}

	.achievement-box{

		padding: .5rem 0;

	}

	.achievement-box .num-box{

		margin-top: .4rem;

	}

	.achievement-box .num-box .item{

		margin: 0 .2rem;

	}

	.achievement-box .num-box .txt{

		font-size: .24rem;

		line-height: .4rem;

	}

	.achievement-box .num-box .num{

		font-size: .64rem;

		line-height: .7rem;

		margin: .1rem 0;

	}

	.patent-tab{

		width: 70%;

		margin: .5rem auto 0;

	}

	.patent-tab .swiper-slide{

		width: 100%;

		margin-right: .5rem;

	}

	.create-box{

		height: 8rem;

	}

	.organize-box{

		padding: .5rem 0;

	}

	.organize-box .organize-img{

		margin-top: .5rem;

	}

	.message-box .form-box .check-box,

	.message-box .form-box input[type=submit]{

		margin: 0;

	}

	.message-box .form-box input[type=submit]{

		margin: .5rem auto 0;

	}

	.contact-box{

		padding: .5rem 0;

	}

	.contact-box .contact-list{

		margin-top: .5rem;

	}

	.contact-box .item{

		margin-bottom: .3rem;

	}

	.contact-box .item:last-child{

		margin-bottom: 0;

	}

	.contact-list .tit{

		font-size: .3rem;

		line-height: .4rem;

	}

	.contact-list .icon{

		padding-left: .6rem;

		font-size: .24rem;

		line-height: .4rem;

		min-height: .6rem;

		background-size: .5rem;

		margin: 0;

		float: left;

	}

	.contact-list .tel{

		font-size: .36rem;

		line-height: .4rem;

	}

	.contact-list .mail{

		font-size: .3rem;

		line-height: .4rem;

		float: left;

		margin-top: .15rem;

	}

	.contact-list .item:first-child .tel{

		float: left;

		margin-left: .6rem;

	}

	.contact-list .item:last-child .tel{

		float: left;

		margin-top: .15rem;

	}

	.contact-box .map-box{

		margin-top: .5rem;

	}

	.contact-box .map{

		height: 6.7rem;

	}



	.contact-box .info-box{

		width: 5rem;

	}

	.contact-box .info-box .img{

		width: .9rem;

		height: .9rem;

		line-height: .9rem;

	}

	.contact-box .info-box .text{

		position: static;

		float: right;

		transform: translateY(0);

		width: 75%;

	}

	.contact-box .info-box .text .tit{

		font-size: .3rem;

		line-height: .4rem;

	}

	.contact-box .info-box .text .con{

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .1rem;

	}

	.contact-box .map-dialog{

		position: static;

		margin: .5rem 0 0;

		padding: .3rem;

		width: auto;

	}

	.contact-box .map-dialog .head{

		font-size: .3rem;

		line-height: .4rem;

	}

	.contact-box .map-dialog .list{

		margin-top: .3rem;

	}

	.contact-box .map-dialog .map-item{

		padding-bottom: .3rem;

		margin-bottom: .3rem;

	}

	.contact-box .map-dialog .icon{

		width: .3rem;

	}

	.contact-box .map-dialog .tit{

		font-size: .3rem;

		line-height: .4rem;

		margin-top: .2rem;

	}

	.contact-box .map-dialog .con{

		font-size: .24rem;

		line-height: .4rem;

	}

	.message-box{

		padding: .5rem 0;

	}

	.message-box .form-box{

		margin-top: .4rem;

	}

	.dynamic-top{

		padding: .8rem 0;

	}

	.dynamic-top .img{

		float: none;

		width: 100%;

	}

	.dynamic-top .text-box{

		position: static;

		width: 100%;

		margin-top: .3rem;

	}

	.dynamic-top .text{

		position: static;

		transform: translateY(0);

	}

	.dynamic-top .text .time{

		font-size: .24rem;

		line-height: .4rem;

	}

	.dynamic-top .text .tit{

		font-size: .3rem;

		line-height: .4rem;

		margin-top: .2rem;

	}

	.dynamic-top .text .con{

		height: auto;

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .2rem;

	}

	.dynamic-top .dynamic-more{

		width: 2rem;

		height: .7rem;

		line-height: .7rem;

		margin-top: .3rem;

	}

	.dynamic-top .dynamic-more span{

		line-height: .7rem;

		height: .7rem;

		font-size: .24rem;

		padding-left: .3rem;

		background-size: 9px;

	}

	.dynamic-middle{

		padding: .8rem 0;

	}

	.dynamic-middle .middle-tab{

		width: 80%;

		margin: 0 auto;

	}

	.dynamic-middle .con-box{

		padding: .35rem .3rem .25rem;

	}

	.dynamic-middle .con-box:before{

		height: 4px;

	}

	.dynamic-middle .con-box .time{

		font-size: .24rem;

		line-height: .4rem;

	}

	.dynamic-middle .con-box .tit{

		font-size: .3rem;

		line-height: .4rem;

		margin-top: .1rem;

		height: .8rem;

	}

	.dynamic-middle .con-box .con{

		font-size: .24rem;

		line-height: .4rem;

		height: 2.4rem;

	}

	.dynamic-middle .middle-more{

		margin-top: 1rem;

	}

	.dynamic-middle .middle-more span{

		padding-left: .3rem;

		font-size: .24rem;

		background-size: 9px;

	}

	.dynamic-prev,

	.dynamic-next{

		width: .7rem;

		height: .7rem;

		background-size: 9px;

		transform: translateY(calc(-50% - .55rem));

	}

	.dynamic-middle .swiper-slide{

		padding-top: 0;

	}

	.dynamic-middle .dynamic-btns{

		margin-top: .4rem;

		display: none;

	}

	.dynamic-bottom{

		padding: .8rem 0;

	}

	.dynamic-bottom .bottom-tab{

		width: 80%;

		margin: 0 auto;

	}

	.dynamic-bottom .con-box .tit{

		font-size: .3rem;

		line-height: .4rem;

	}

	.dynamic-bottom .con-box .con{

		font-size: .24rem;

		line-height: .4rem;

		height: .8rem;

		overflow: hidden;

		margin-top: .1rem;

	}

	.dynamic-bottom .dynamic-btns{

		margin-top: .4rem;

		display: none;

	}

	.story-box .index-news{

		margin-bottom: .5rem;

	}

	.story-box .index-news .left-con-box .text{

		padding: 0 .2rem;

	}

	.story-box .index-news .text{

		margin-top: .3rem;

		padding: 0;

	}

	.story-box .page-box{

		margin-top: .5rem;

	}

	.media-box{

		padding: .5rem 0;

	}

	.media-box .row{

		margin: 0;

	}

	.media-box .item{

		padding: 0;

		margin-bottom: .5rem;

	}

	.media-box .text{

		padding: .4rem;

	}

	.media-box .text .time{

		font-size: .24rem;

		line-height: .4rem;

	}

	.media-box .text .tit{

		font-size: .3rem;

		line-height: .4rem;

		margin-top: .1rem;

		height: auto;

	}

	.media-box .text .con{

		margin-top: .1rem;

		font-size: .24rem;

		line-height: .4rem;

		height: auto;

	}

	.media-box .text .index-more{

		margin-top: .3rem;

	}

	.industry-box{

		padding: .5rem 0;

	}

	.industry-right{

		float: none;

		width: 100%;

	}

	.industry-right .news-search-box{

		padding: .5rem;

	}

	.industry-right .right-tit{

		font-size: .3rem;

		line-height: .4rem;

	}

	.industry-right .right-tit:before{

		height: .4rem;

		left: -.5rem;

	}

	.select .tit{

		height: .8rem;

		line-height: .8rem;

		padding: 0 .3rem;

		font-size: .3rem;

	}

	.news-search .select{

		margin-bottom: .2rem;

	}

	.news-search input[type=text]{

		height: .4rem;

		line-height: .4rem;

		padding: .2rem .3rem;

		width: calc(100% - .6rem);

		font-size: .3rem;

		margin-bottom: .2rem;

	}

	.industry-right .year{

		margin-top: .3rem;

	}

	.news-search input[type=submit]{

		height: .7rem;

		font-size: .3rem;

	}

	.industry-right .play-box,

	.industry-right .right-list{

		display: none;

	}

	.industry-list{

		float: none;

		width: 100%;

		margin-top: .5rem;

	}

	.industry-list .item{

		padding: .5rem;

		margin-bottom: .3rem;

	}

	.industry-list .time-box{

		float: none;

		width: 1.5rem;

		padding-top: 1.5rem;

	}

	.industry-list .time .day{

		font-size: .5rem;

		line-height: .6rem;

	}

	.industry-list .time .ym{

		font-size: .24rem;

		line-height: .4rem;

	}

	.industry-list .text{

		float: none;

		width: 100%;

		margin-top: .3rem;

	}

	.industry-list .text .tit{

		font-size: .3rem;

		line-height: .4rem;

		padding-bottom: .2rem;

	}

	.industry-list .text .con{

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .2rem;

	}

	.industry-list .page{

		margin-top: .5rem;

	}



	.newsinfo-view{

		padding: 0 .4rem;

	}

	.clearfixed,

	.clearfixed.cur{

		height: 1.28rem;

	}

	.bread-box{

		padding: .4rem 0;

	}

	.bread-box .bread a,

	.bread-box .bread span{

		font-size: .24rem;

		line-height: .4rem;

	}

	.bread-box .bread span{

		margin: 0 .2rem;

	}

	.bread-box .back-btn{

		font-size: .24rem;

		line-height: .4rem;

	}

	.newsinfo-box{

		padding: .5rem 0;

	}

	.newsinfo-box .tit{

		font-size: .36rem;

		line-height: .4rem;

	}

	.newsinfo-box .sub-tit{

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .1rem;

	}

	.newsinfo-box .desc-box{

		margin-top: .2rem;

	}

	.newsinfo-box .desc-box span{

		font-size: .24rem;

		line-height: .4rem;

		margin-right: .4rem;

	}

	.newsinfo-box .tit-box{

		padding-bottom: .4rem;

	}

	.newsinfo-box .con{

		margin-top: .3rem;

		font-size: .24rem;

		line-height: .4rem;

	}

	.newsinfo-box .copyright{

		margin-top: .5rem;

		padding: .5rem 0;

		font-size: .24rem;

		line-height: .4rem;

	}

	.newsinfo-box .type-box{

		padding: .4rem 0;

	}

	.newsinfo-box .type-box a{

		font-size: .24rem;

		margin-right: .2rem;

	}

	.newsinfo-box .ctrl-box{

		padding: .8rem 0;

	}

	.newsinfo-box .ctrl-box .prev,

	.newsinfo-box .ctrl-box .next{

		font-size: .24rem;

		line-height: .4rem;

		background-size: 8px;

	}

	.newsinfo-box .ctrl-box .prev{

		padding-left: .5rem;

	}

	.newsinfo-box .ctrl-box .list-btn{

		width: .3rem;

		height: .3rem;

	}

	.newsinfo-list .tit-box .tit{

		font-size: .3rem;

		line-height: .4rem;

	}

	.newsinfo-list .tit-box .newsinfo-more{

		font-size: .3rem;

		padding-left: .4rem;

		line-height: .4rem;

		background-size: 8px;

	}

	.newsinfo-list .middle-tab{

		width: 100%;

		margin: .5rem 0 0;

	}

	.newsinfo-list .row{

		margin: 0;

	}

	.newsinfo-list .item{

		padding: 0;

		margin-bottom: .5rem;

	}

	.newsinfo-list .item:last-child{

		margin-bottom: 0;

	}

	.newsinfo-list .con-box .con{

		height: auto;

		margin-top: .3rem;

	}

	.explore-box{

		padding: .5rem 0;

	}

	.recruit-tit .sub-tit{

		font-size: .24rem;

		line-height: .3rem;

	}

	.recruit-tit .tit{

		font-size: .36rem;

		line-height: .4rem;

		margin-top: .1rem;

	}

	.recruit-tit .desc{

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .1rem;

	}

	.explore-box .list{

		margin-top: .3rem;

	}

	.explore-box .list .row{

		margin: 0 -.1rem;

	}

	.explore-box .list .item{

		margin-bottom: .2rem;

		padding: 0 .1rem;

	}

	.explore-box .list .con-box{

		height: .7rem;

		line-height: .7rem;

		padding: 0 .3rem;

		font-size: .24rem;

	}

	.explore-box .list .con-box:before{

		width: .12rem;

		height: .2rem;

		margin-top: -.1rem;

		right: .2rem;

	}

	.idea-box{

		padding: .5rem 0;

	}

	.idea-box .list{

		margin-top: .4rem;

	}

	.idea-box .list .row{

		margin: 0;

	}

	.idea-box .list .item{

		padding: 0;

		margin-bottom: .4rem;

	}

	.idea-box .list .item:last-child{

		margin-bottom: 0;

	}

	.idea-box .list .text{

		padding: .3rem;

		height: auto;

		font-size: .24rem;

		line-height: .4rem;

	}

	.chance-box{

		padding: .5rem 0;

	}

	.chance-box .list{

		margin-top: .3rem;

	}

	.chance-box .list .row{

		margin: 0;

	}

	.chance-box .list .item{

		padding: 0;

		margin-bottom: .4rem;

	}

	.chance-box .list .item:last-child{

		margin-bottom: 0;

	}

	.chance-box .list .text{

		padding: .5rem;

	}

	.chance-box .list .tit{

		font-size: .3rem;

		line-height: .4rem;

	}

	.chance-box .list .text-list{

		height: auto;

	}

	.chance-box .list .text-item{

		/* margin-bottom: .2rem; */

		font-size: .24rem;

		line-height: .4rem;

		/* padding-left: .3rem; */

	}

	.chance-box .list .text-item:before{

		width: 3px;

		height: 3px;

		margin-top: -1px;

	}

	.chance-box .list .chance-btn{

		margin-top: .4rem;

		width: 2.5rem;

	}

	.chance-box .list .chance-btn span{

		height: .7rem;

		line-height: .7rem;

		padding-left: .3rem;

		font-size: .24rem;

		background-size: 9px;

	}

	.job-box{

		padding: .5rem 0;

	}

	.job-list{

		margin-top: .4rem;

	}

	.job-list .row{

		margin: 0;

	}

	.job-list .item{

		padding: 0;

		margin-bottom: .4rem;

	}

	.job-list .item:last-child{

		margin-bottom: 0;

	}

	.job-list .item .txt{

		height: .8rem;

		line-height: .8rem;

		padding: 0 .3rem;

		font-size: .3rem;

	}

	.job-list .item .txt:before{

		width: 9px;

		height: 14px;

		right: .3rem;

	}

	.recruit-box{

		padding: .5rem 0;

	}

	.recruit-box h3{

		font-size: .3rem;

		line-height: .4rem;

	}

	.project-select-box .item{

		float: none;

		width: 100%;

		padding: 0;

		margin-bottom: .3rem;

	}

	.project-select-box .item:last-child{

		margin-bottom: 0;

	}

	.project-select-box .select-box .tit{

		height: .8rem;

		line-height: .8rem;

		font-size: .3rem;

	}

	.recruit-box .project-select-box{

		margin-top: .4rem;

	}

	.recruit-box .project-select-box .row{

		margin: 0;

	}

	.recruit-box .project-select-box .item{

		width: 100%;

		padding: 0;

	}



	.recruit-box .project-select-box .select-box .tit{

		height: .7rem;

		line-height: .7rem;

		font-size: .24rem;

	}

	.recruit-box .project-select-box .select-box .sub{

		top: .7rem;

	}

	.recruit-box .project-select-box .select-box .sub a{

		height: .7rem;

		line-height: .7rem;

		font-size: .24rem;

	}

	.recruit-box .result{

		margin-top: .4rem;

		font-size: .3rem;

		line-height: .4rem;

	}

	.recruit-box .list{

		margin-top: .5rem;

	}

	.recruit-box .list .item{

		padding: .4rem;

		margin-bottom: .4rem;

	}

	.recruit-box .list .staff-box{

		padding-bottom: .2rem;

	}

	.recruit-box .list .staff{

		font-size: .3rem;

		line-height: .4rem;

		background-size: .3rem;

		padding-left: .5rem;

	}

	.recruit-box .list .detail{

		font-size: .24rem;

		line-height: .4rem;

		padding-right: .4rem;

	}

	.recruit-box .list .require{

		margin-top: .3rem;

	}

	.recruit-box .list .require span{

		font-size: .24rem;

		line-height: .4rem;

		width: 50%;

		margin-right: 0;

	}

	.position-box{

		padding: .5rem 0;

	}

	.position-box .position-tit{

		font-size: .3rem;

		line-height: .4rem;

	}

	.position-box .list{

		margin-top: .3rem;

	}

	.position-box .list .item{

		margin-bottom: .5rem;

	}

	.position-box .list .tit{

		font-size: .28rem;

		line-height: .4rem;

		padding-left: .3rem;

		margin-bottom: .2rem;

	}

	.position-box .list h3{

		font-size: .28rem;

		line-height: .4rem;

	}

	.position-box .list .con{

		font-size: .24rem;

		line-height: .5rem;

	}

	.rectuitinfo-box{

		padding: .5rem 0;

	}

	.rectuitinfo-box .top-box{

		text-align: left;

		margin: 0 -.2rem;

		padding-bottom: .5rem;

	}

	.rectuitinfo-box .top-box .item{

		padding: 0 .2rem;

		width: 33.33%;

		box-sizing: border-box;

		vertical-align: top;

		margin-top: .2rem;

		text-align: center;

	}

	.rectuitinfo-box .top-box .tit{

		font-size: .24rem;

		line-height: .4rem;

	}

	.rectuitinfo-box .top-box .con{

		font-size: .3rem;

		line-height: .4rem;

		margin-top: .1rem;

	}

	.rectuitinfo-box .top-box .item:nth-child(3n):before{

		display: none;

	}

	.rectuitinfo-box .con{

		margin-top: .4rem;

		font-size: .24rem;

		line-height: .4rem;

	}

	.rectuitinfo-box .btns{

		margin-top: .5rem;

	}

	.rectuitinfo-box .btns a{

		width: 2.5rem;

		height: .7rem;

		line-height: .7rem;

		font-size: .3rem;

	}

	.recruitinfo-dialog{

		width: 90%;

		padding: .5rem;

	}

	.recruitinfo-dialog .recruitinfo-form{

		margin-top: .3rem;

	}

	.recruitinfo-dialog .dialog-tit{

		font-size: .36rem;

		line-height: .4rem;

		padding-bottom: .4rem;

	}

	.recruitinfo-dialog .recruitinfo-close{

		right: .5rem;

		top: .5rem;

	}

	.recruitinfo-form .inp{

		margin-bottom: .2rem;

	}

	.recruitinfo-form .recruitinfo-tit{

		font-size: .3rem;

		line-height: .4rem;

		margin-bottom: .2rem;

	}

	.recruitinfo-form input[type=text]{

		height: .4rem;

		line-height: .4rem;

		padding: .2rem .3rem;

		width: calc(100% - .6rem);

		font-size: .3rem;

	}

	.recruitinfo-form .select .tit:before{

		right: .2rem;

	}

	.recruitinfo-form .file-box .controls{

		width: calc(50% + .6rem);

	}

	.recruitinfo-form .file-box .file{



		height: .8rem;

		line-height: .8rem;

		padding: 0;

		font-size: .3rem;

	}

	.recruitinfo-form .file-box .upload-btn{

		margin-right: 0;

		font-size: .3rem;

		line-height: .8rem;

	}

	.recruitinfo-form .file-box .js-img-list-f{

		width: calc(50% + .6rem);

		height: .8rem;

		line-height: .8rem;

	}

	.recruitinfo-form .file-box .js-img-list-f a{

		font-size: .3rem;

		height: .8rem;

		line-height: .8rem;

		padding: 0 .3rem;

	}

	.recruitinfo-form .check{

		float: none;

		width: 100%

	}

	.recruitinfo-form .check input{

		width: 50%;

	}

	.recruitinfo-form .check img{

		height: .8rem;

	}

	.recruitinfo-form input[type=submit]{

		float: none;

	    display: block;

	    margin: .5rem auto 0;

	    width: 2.5rem;

	    height: .8rem;

	    font-size: .3rem;

	}

	.select .sub{

		top: .8rem;

	}

	.select .sub a{

		height: .7rem;

		line-height: .7rem;

		padding: 0 .3rem;

		font-size: .24rem;

	}



	.recruit-dialog{

		width: 90%;

		padding: .4rem;

	}

	.recruit-dialog .tit-box{

		padding-bottom: .3rem;

	}

	.recruit-dialog .tit{

		font-size: .4rem;

	    line-height: .5rem;

	}

	.recruit-dialog .recruit-close{

		width: .3rem;

	    height: .3rem;

	    margin: 0;

	}

	.recruit-dialog .con{

		font-size: .26rem;

		line-height: .6rem;

		margin-top: .4rem;

		height: 4.8rem;

	}





	.result-box .result-tit{

    	font-size: .3rem;

    	line-height: .4rem;

    }

    .result-box .view{

    	padding: 0;

    }

    .result-box .result-tit{

    	padding: 0 .4rem;

    }

    .result-box .sub-nav .swiper-slide{

    	margin-right: 1.3rem;

    }

    .result-box .result-list{

    	margin-top: .5rem;

    	padding: 0 .4rem;

    }

    .result-box .pro-list .text{

    	margin-top: .2rem;

    }

    .result-box .pro-list .tit{

    	font-size: .3rem;

    	line-height: .4rem;

    }

    .result-box .pro-list .more{

    	font-size: .24rem;

    	line-height: .4rem;

    	margin-top: .1rem;

    }

    .result-box .pro-list .item{

    	margin-bottom: .5rem;

    }

    .result-box .pro-list .item:last-child{

    	margin-bottom: 0;

    }

    .result-box .news-lists .con-box{

    	padding: .3rem 0 .3rem .5rem;

    	font-size: .24rem;

    	line-height: .4rem;

    }

    .result-box .news-lists .con-box:before{

    	left: .15rem;

    }



    .search-wrap .search{

    	padding: .5rem 0;

    }

    .result-box .sub-nav{

    	padding: 0 .4rem;

    }

    .result-box{

    	padding-bottom: .7rem;

    }

    .equip-box{

    	padding: .5rem 0;

    }

    .product-tit{

    	font-size: .36rem;

    	line-height: .4rem;

    }

    .product-con{

    	margin-top: .2rem;

    	width: 100%;

    	font-size: .24rem;

    	line-height: .4rem;

    	/* padding: 0 .4rem; */

    }


    .buy-btn{

    	width: 2rem;

    	height: .7rem;

    	line-height: .7rem;

    	font-size: .24rem;

    	margin-top: .4rem;

    }

    .tech-tab{

    	margin-top: 0rem;

    }

    .tech-tab .con-box{

    	padding: .5rem .3rem;

    }

    .tech-tab .con-box .icon{

    	width: .4rem;

    }

    .tech-tab .con-box .text{

    	margin-top: .2rem;

    	height: 3rem;

    }

    .tech-tab .con-box .tit{

    	font-size: .3rem;

    	line-height: .4rem;

    }

    .tech-tab .con-box .con{

    	margin-top: .2rem;

    	font-size: .24rem;

    	line-height: .4rem;

    	max-height: 1.6rem;

    }

    .tech-tab .dynamic-btns{

    	margin-top: .4rem;

    }

    .type-box{

    	padding: .5rem 0;

    }

    .type-box .product-con{

    	padding: 0 .4rem;

    	width: auto;

    }

    .type-box .type-tab-box{

    	margin-top: .5rem;

    }

    .type-box .type-tab{

    	width: 80%;

    	margin: 0 auto;

    }

    .type-box .type-tab .text{

    	margin-top: .3rem;

    }

    .type-box .type-tab .tit{

    	font-size: .3rem;

    	line-height: .4rem;

    }

    .type-box .type-tab .con{

    	font-size: .24rem;

    	line-height: .4rem;

    }

    .type-tab-box .dynamic-btns{

    	margin-top: .4rem;

    }

    .type-tab-box .dynamic-prev,

    .type-tab-box .dynamic-next{

    	transform: translateY(calc(-50% - 1.125rem));

    }

    .apply-box{

    	padding: .5rem 0;

    }

    .apply-tab{

    	margin-top: .5rem;

    }

    .apply-tab .txt{

    	font-size: .3rem;

    	line-height: .4rem;

    }

    .apply-tab .dynamic-btns{

    	margin-top: .4rem;

    }

    .solution-box{

    	padding: .5rem 0;

    }

    .solution-box .tab-btns{

    	margin-top: .4rem;

    }

    .solution-box .tab-btns .swiper-wrapper{

    	justify-content: flex-start;

    }

    .solution-box .tab-btns .swiper-slide{

    	margin: 0 .2rem 0 0;

    	min-width: 1.2rem;

    }

    .solution-box .tab-btns a{

    	padding: 0 .3rem;

    	line-height: .7rem;

    	height: .7rem;

    	border-radius: .35rem;

    	font-size: .3rem;

    }

    .solution-list{

    	margin-top: .4rem;

    }

    .solution-list .grid-sizer{

    	width: 50%;

    }

    .solution-list .row{

    	margin: 0 -.1rem;

    }

    .solution-list .item{

    	padding: 0 .1rem;

    	margin-bottom: .2rem;

    }

    .solution-list .txt{

    	font-size: .3rem;

    	line-height: .4rem;

    	bottom: 0;

    	padding: .2rem 6.2%;

    }

    .solution-list .loading span{

    	font-size: .3rem;

    	padding-left: .4rem;

    	background-size: .3rem;

    	line-height: .5rem;

    }



    .result-list .page-box{

    	margin-top: .4rem;

    }

    .pic-list{

        padding-top: 0;

    }

    .pic-list .row{

    	margin: 0;

    }

    .pic-list .item{

    	padding: 0;

    }

    .pic-list .bottom-tab{

    	width: 100%;

    }

    .text-list .middle-tab{

    	width: 100%;

    }



    .text-list .middle-tab .row{

    	margin: 0;

    }

    .text-list .middle-tab .item{

    	padding: 0;

    	margin-bottom: .4rem;

    }

    .header-right .lang-sub{

    	top: .5rem;

    	padding-top: 0;

    	width: 1.5rem;

    }

    .header-right .lang-sub .sub a{

    	height: .7rem;

    	line-height: .7rem;

    	font-size: .3rem;

    }



    .index-story .m-box .m-txt{

    	display: block;

    }

    .index-story .m-box .pad-txt{

    	display: none;

    }

    .about-video .m-img{

    	display: block;

    }

    .about-video .pc-img{

    	display: none;

    }



}